document.addEventListener('DOMContentLoaded', () => {
    const encryption = str => window.btoa(unescape(encodeURIComponent(str)));
    const decrypt = str => decodeURIComponent(escape(window.atob(str)));

    /* 当前页的CID */
    const cid = $('.joe_detail').attr('data-cid');

    /* 获取本篇文章百度收录情况 */
    {
        $.ajax({
            url: Joe.BASE_API,
            type: 'POST',
            dataType: 'json',
            data: { routeType: 'baidu_record', site: window.location.href },
            success(res) {
                if (res.data && res.data === '已收录') {
                    $('#Joe_Baidu_Record').css('color', '#67C23A');
                    $('#Joe_Baidu_Record').html('已收录');
                } else {
                    /* 如果填写了Token，则自动推送给百度 */
                    if (Joe.BAIDU_PUSH) {
                        $('#Joe_Baidu_Record').html('<span style="color: #E6A23C">未收录，推送中...</span>');
                        const _timer = setTimeout(function () {
                            $.ajax({
                                url: Joe.BASE_API,
                                type: 'POST',
                                dataType: 'json',
                                data: {
                                    routeType: 'baidu_push',
                                    domain: encodeURI(window.location.hostname),
                                    url: encodeURI(window.location.href)
                                },
                                success(res) {
                                    if (res.error) {
                                        $('#Joe_Baidu_Record').html('<span style="color: #F56C6C">推送失败，请检查！</span>');
                                    } else {
                                        $('#Joe_Baidu_Record').html('<span style="color: #67C23A">推送成功！</span>');
                                    }
                                }
                            });
                            clearTimeout(_timer);
                        }, 1000);
                    } else {
                        const url = `https://ziyuan.baidu.com/linksubmit/url?sitename=${encodeURI(window.location.href)}`;
                        $('#Joe_Baidu_Record').html(`<a target="_blank" href="${url}" rel="noopener noreferrer nofollow" style="color: #F56C6C">未收录，提交收录</a>`);
                    }
                }
            }
        });
    }

    /* 激活浏览功能 */
    {
        let viewsArr = localStorage.getItem(encryption('views')) ? JSON.parse(decrypt(localStorage.getItem(encryption('views')))) : [];
        const flag = viewsArr.includes(cid);
        if (!flag) {
            $.ajax({
                url: Joe.BASE_API,
                type: 'POST',
                dataType: 'json',
                data: { routeType: 'handle_views', cid },
                success(res) {
                    if (res.code !== 1) return;
                    $('#Joe_Article_Views').html(`${res.data.views} 阅读`);
                    viewsArr.push(cid);
                    const name = encryption('views');
                    const val = encryption(JSON.stringify(viewsArr));
                    localStorage.setItem(name, val);
                }
            });
        }
    }

    /* 激活随机样式 */
    {
        let _index = 100;
        const colors = ['#F8D800', '#0396FF', '#EA5455', '#7367F0', '#32CCBC', '#F6416C', '#28C76F', '#9F44D3', '#F55555', '#736EFE', '#E96D71', '#DE4313', '#D939CD', '#4C83FF', '#F072B6', '#C346C2', '#5961F9', '#FD6585', '#465EFB', '#FFC600', '#FA742B', '#5151E5', '#BB4E75', '#FF52E5', '#49C628', '#00EAFF', '#F067B4', '#F067B4', '#ff9a9e', '#00f2fe', '#4facfe', '#f093fb', '#6fa3ef', '#bc99c4', '#46c47c', '#f9bb3c', '#e8583d', '#f68e5f'];
        const random = (min, max) => Math.floor(Math.random() * (max - min + 1)) + min;
        const maxWidth = $('.joe_detail__leaving-list').width();
        const maxHeight = $('.joe_detail__leaving-list').height();
        const radius1 = ['20px 300px', '20px 400px', '20px 500px', '30px 300px', '30px 400px', '30px 500px', '40px 300px', '40px 400px', '40px 500px'];
        const radius2 = ['300px 20px', '400px 20px', '500px 20px', '300px 30px', '400px 30px', '500px 30px', '300px 40px', '400px 40px', '500px 40px'];
        $('.joe_detail__leaving-list .item').each((index, item) => {
            const zIndex = random(1, 99);
            const background = colors[random(0, colors.length - 1)];
            const width = Math.ceil($(item).width());
            const height = Math.ceil($(item).height());
            const top = random(0, maxHeight - height);
            const left = random(0, maxWidth - width);
            $(item).css({
                display: 'block',
                zIndex,
                background,
                top,
                left,
                borderTopLeftRadius: radius2[random(0, radius2.length - 1)],
                borderTopRightRadius: radius1[random(0, radius1.length - 1)],
                borderBottomLeftRadius: radius1[random(0, radius1.length - 1)],
                borderBottomRightRadius: radius1[random(0, radius1.length - 1)]
            });
            $(item).draggabilly({ containment: true });
            $(item).on('dragStart', e => {
                _index++;
                $(item).css({ zIndex: _index });
            });
        });
    }

    /* 格式化分页的hash值 */
    {
        $('.joe_comment .joe_pagination a').each((index, item) => {
            const href = $(item).attr('href');
            if (href && href.includes('#')) {
                $(item).attr('href', href.replace('#comments', '?scroll=joe_comment'));
            }
        });
    }
});

/* 写在load事件里，为了解决图片未加载完成，滚动距离获取会不准确的问题 */
window.addEventListener('load', function () {
    /* 判断地址栏是否有锚点链接，有则跳转到对应位置 */
    {
        const scroll = new URLSearchParams(location.search).get('scroll');
        if (scroll) {
            const height = $('.joe_header').height();
            let elementEL = null;
            if ($('#' + scroll).length > 0) {
                elementEL = $('#' + scroll);
            } else {
                elementEL = $('.' + scroll);
            }
            if (elementEL && elementEL.length > 0) {
                const top = elementEL.offset().top - height - 15;
                window.scrollTo({ top, behavior: 'smooth' });
            }
        }
    }
});
